<template>
	<view class="content">
		<view class="content_view">
			<p>【注意】课程勘误汇总-20161214</p>
			<view class="progress-box">
				<progress percent="20" show-info stroke-width="3" />
			</view>
			<!-- <u-line-progress width="80%" :striped="false" :height="10" :round="true" :percent="percent_size" active-color="#33b17b"
			 :show-percent="false" :striped-active="true"></u-line-progress> -->
			<p class="p_span"><span class="sapn_left">1M/S</span><span class="sapn_right">0M/29M</span></p>
		</view class="content_view">
		<view>
			<p>1.1 跟简七学理财 导学课【购买前必读，免费试学】</p>
			<view class="progress-box">
				<progress percent="0" show-info stroke-width="3" />
			</view>
			<!-- <u-line-progress width="80%" :striped="false" :height="10" :round="true" :percent="1" active-color="#33b17b"
			 :show-percent="false" :striped-active="true"></u-line-progress> -->
			<p class="p_span"><span class="sapn_left">等待中</span><span class="sapn_right">0M/未知大小</span></p>
		</view>
		<view class="content_view">
			<p>1.2 让你变穷的四个方法【免费试学】</p>
			<view class="progress-box">
				<progress percent="0" show-info stroke-width="3" />
			</view>
			<!-- <u-line-progress width="80%" :striped="false" :height="10" :round="true" :percent="1" active-color="#33b17b"
			 :show-percent="false" :striped-active="true"></u-line-progress> -->
			<p class="p_span"><span class="sapn_left">等待中</span><span class="sapn_right">0M/未知大小</span></p>
		</view>
		<bottom></bottom>
	</view>
</template>

<script>
	import bottom from '@/components/bottom.vue'
	export default {
		components: {
			bottom
		},

		data() {
			return {
				title: 'Hello',
				percent_size: 0,
			}
		},
		created() {
			setInterval(() => {
				// console.log(this.percent_size);
				this.percent_size += 1;
			}, 100);
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss">
	/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
	// @import "uview-ui/index.scss";

	.content {
		// text-align: center;
		height: 400upx;
		width: 95%;
		margin-top: 40upx;
		margin-left: auto;
		margin-right: auto;
	}

	.content_view {
		margin: 80rpx 0;
	}

	.p_span {
		margin-top: 15rpx;
	}

	.sapn_left {
		font-size: 12rpx;
		color: #99a4bd;
		float: left;
	}

	.sapn_right {
		font-size: 12rpx;
		color: #99a4bd;
		float: right;
	}
</style>
